<template>
    <div class="container">
        <template v-for="(item,index) in menuList" >
            <nav-item :key="index" :title="item.title" :icon="item.icon" :select-icon="item.selectIcon" :color="item.color" :select-color="item.selectColor" />
        </template>
    </div>
</template>
<script>
import NavItem from "./components/nav-item";
export default {
  components: {
    NavItem
  },
  name: "BottonNav",
  props: {
    menuList: {
      type: Array,
      default() {
        return [];
      }
    },
    activeName: {
      required: true,
      type: String,
      default: ""
    }
  }
};
</script>
<style lang="less" scoped>
.container {
  display: flex;
}
</style>

